Форум

Student_vrn · #1 (**permalink**) 25.04.2019, 12:12

Здравствуйте, уважаемые форумчане!

Несколько дней бьюсь с задачей. По отдельности всё понятно и даже работает, но системно не получается.
Суть: нужно на JavaScript через API функции связаться с погодным сервером и вывести данные на своей странице. Вроде бы всё просто.
1) зарегистрировался на DarkSky, получил бесплатный API-ключ. Разобрался с форматом GET-запроса. Пример:
https://api.darksky.net/forecast/eea...ng=ru&units=si

2) через браузерную строку запроса, вручную погодный сервер вполне корректно выдаёт прогноз погоды в формате JSON

{"latitude":51.6606,"longitude":39.2006,"timezone" :"Europe/Moscow","currently":{"time":1556180139,"summary":" Ясно","icon":"clear-day","precipIntensity":0,"precipProbability":0,"te mperature":23.98,"apparentTemperature":23.98,"dewP oint":2.59,"humidity":0.25,"pressure":1025.31,"win dSpeed":3.2,"windGust":4.36,"windBearing":316,"clo udCover":0,"uvIndex":6,"visibility":10.38,"ozone": 331.53},"flags":{"sources":["cmc","gfs","icon","isd","madis"],"nearest-station":4.525,"units":"si"},"offset":3}

3) посредством стороннего JSON Parser'а (http://jsonparseronline.com/) получается легко декодировать представленный ассоциативный массив
4) пытался несколько дней вогнать все эти наработки в JAva Script код и толком ничего не выходило

Запрос делаю ассиметричным через XMLHttpRequest.
В статусе ответа всегда возвращается ноль.
Текст запроса (строка с адресом и параметрами) вроде верен.
Соответственно, раз 0, то не возвращается текст ответа (undefined)

Помогите пожалуйста разобраться, свести всё в цельное рабочее состояние.
Я уж много вспомогательного материала перекроил, но ошибку, недочёт найти пока самостоятельно не смог.
Буду рад вашей помощи...
(извините, если правильно оформил запрос-подсвеченный синтаксис и т.д.)

<script>
window.alert("Тест работоспособности");

var xhr = new XMLHttpRequest();

xhr.open("GET","https://api.darksky.net/forecast/eeaf063f48cd92e5300e9028ce268e12/51.6606,39.2006?exclude=minutely,alerts,hourly,dai ly&flags&lang=ru&units=si", true);
xhr.send(null);

var status = xhr.status;
alert(xhr.status);

if(status==200)
document.write("Текст ответа: " + xhr.responseText)
else if(status==404)
document.write("Ресурс не найден")
else
document.write(request.statusText)

//window.alert("Статус: "+xhr.statusText);//нашёл что-то

//window.alert(xhr.responseText);//нашёл что-то

//var json = JSON.parse(xhr.responseText);
window.alert("Тест2");
//var data = json[Object.keys(json)[0]];
//window.alert(data);

window.alert("Тест3");
alert(document.location);

document.write(txt);
window.alert(getAllResponseHeaders());

</script>

рони · #2 (**permalink**) 25.04.2019, 13:34

Student_vrn,
смотреть через свой сервер.

<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">

</head>

<body>
<div id="show"></div>
<script> (async () => {
  const url = "https://api.darksky.net/forecast/eeaf063f48cd92e5300e9028ce268e12/51.6606,39.2006?exclude=minutely,alerts,hourly,dai ly&flags&lang=ru&units=si";
  const {currently} = await fetch(url).then(response => response.json(), () => ({}));
  const {summary, temperature, windSpeed} = currently;
  const str = `${summary}, температура: ${temperature} °C, скорость ветра: ${windSpeed} м/c`;
  show.innerHTML = str;
 })()
</script>
</body>
</html>

Student_vrn · #3 (**permalink**) 25.04.2019, 13:47

Рони, благодарю за ответ...
Попробовал сохранить текст в html файле
В браузере он ничего не показал

Что значит, "смотреть через свой сервер"?
нужно зарегистрировать свой хостинг и только там всё заработает?
На локальной странице, в браузере не получится?
В каком, например, сейчас открыт этот форум.

Текст скрипта внимательно по изучаю сейчас.

рони · #4 (**permalink**) 25.04.2019, 14:27

Student_vrn,
политика безопасности CORS, точнее могут подсказать специалисты по этому вопросу.

Student_vrn · #5 (**permalink**) 25.04.2019, 14:37

Рони

"Student_vrn,
политика безопасности CORS, точнее могут подсказать специалисты по этому вопросу."

Я попробовал параллельно беседе зарегистрироваться на каком-либо бесплатно-тестовом хостинге.
Пока на таком: https://my.ihc.ru/
Но он не совсем бесплатен.

Есть ли аналоги, где можно быстро залить этот скрипт и протестировать его?
Что-то более простое и не требующего долгой настройки?
Хочется увидеть результат и разбираться в коде, варьируя параметры.

Например, я понял, что XMLHttpRequest далеко не самая подходящая процедура для реализации данной погодной API-задачи.

Есть идеи с тестовым хостингом?
(Очень давно у меня был на Agava)

SuperZen · #6 (**permalink**) 25.04.2019, 14:45

если есть установленный php и он добавлен в environment classpath (т.е. в командной строке проходит вызов php)

тогда можно запустить локальный сервер:

$ cd <перейти в папку с файлом index.html в котором нужный скрипт>
$ php -S localhost:3000 -t .

и в браузере открывать http://localhost:3000

если надо расшарить кому-то на посмотреть, если провайдер выделил статический ip, можно на роутере сделать маршрутизацию )...

рони · #7 (**permalink**) 25.04.2019, 14:51

Сообщение от Student_vrn

Есть ли аналоги, где можно быстро залить этот скрипт и протестировать его?

ждите специалистов,возможно они подскажут песочницу, или код, я слабо владею данной темой, но код выше рабочий.

Student_vrn · #8 (**permalink**) 25.04.2019, 14:55

SuperZen,
Приветствую!
Попробую разобраться
Зарегистрировался ещё и на https://www.wix.com
Он бесплатен, не требует всех циферок с бансковской карты
Но беда в другом-он слишком умный, т.е. сразу слишком CMS-овский стиль
А мне всего-то надобно залить файлик на сервер
Просто upload.

Так что сегодня День Регистраций, день всплывающих подзадач.
Не такая простая тестовая задача.
Сам возился-полбеды, ещё и решения ошибочные
и множество скрытых течений.

Попробую, пожалуй, ещё хостингов...
Если есть подходящие под условия задачи-буду рад их опробовать

(Пока даже не могу посмотреть результаты работы скрипта от Рони)

Student_vrn · #9 (**permalink**) 25.04.2019, 15:00

рони,
Благодарю! Попробую разобраться с каждой командой.
Когда помогал с Delphi, иногда тоже было проще заново написать, чем чинить и оптимизировать чужой полурабочий код.
Пока, конечно, синтаксис не очевидно понятный, но код короткий, всё можно разобрать по полочкам.
Опробую, может, ещё вопросов озвучу.
Пока вот хостингом займусь параллельно дальше...
Спасибо Вам за помощь!

laimas · #10 (**permalink**) 25.04.2019, 15:24

Сообщение от рони

политика безопасности CORS

Если API для клиента, то после авторизации разрешение должно быть дано.

Форум

Справочник

Discord чат

Курсы javascript